@charset "UTF-8";
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu {
  margin: 0;
  padding: 0; }

ul,
dl,
ol,
li {
  list-style: none; }

img,
input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button,
input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a,
button,
input,
img {
  -webkit-touch-callout: none; }

img {
  pointer-events: none;
  /*禁止图片的点击事件，例如长按保存图片*/ }

input,
select,
textarea {
  -moz-outline: none;
  outline: none; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  color: inherit; }

html,
body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

html {
  /*height: 100%;*/
  width: 100%;
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  /*height: 100%;*/
  position: relative; }

* {
  font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

html, body {
  height: 100%; }

.web {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/bgc.png) no-repeat 50% 50%/cover;
  z-index: 51; }
  .web .cont {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .web .cont .zi {
      width: 12rem;
      height: 3.2rem;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-top: 2.075rem; }
      .web .cont .zi img {
        height: 90%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web .cont .bottle {
      width: 50%;
      height: 8.375rem;
      position: relative;
      overflow: hidden;
      float: left; }
      .web .cont .bottle img {
        height: 66%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }

.web_two {
  -webkit-transform: scale(0);
  transform: scale(0);
  display: none;
  transform: scale(0);
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/two_jian.png) no-repeat 50% 50%/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 51; }
  .web_two .cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    .web_two .cont .zi {
      width: 12rem;
      height: 4.05rem;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-top: 2.075rem; }
      .web_two .cont .zi img {
        height: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_two .cont .bottle {
      width: 50%;
      height: 8.375rem;
      position: absolute;
      top: 47%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      float: left; }
      .web_two .cont .bottle img {
        height: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_two .cont .yhk {
      width: 5.65rem;
      height: 1.975rem;
      position: absolute;
      left: 47%;
      top: 65%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .web_two .cont .yhk img {
        height: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_two .cont .bot {
      width: 9.95rem;
      height: 3.15rem;
      position: absolute;
      left: 50%;
      top: 80%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .web_two .cont .bot img {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web_two .cont .bot .diwen {
        width: 5.75rem;
        height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .web_two .cont .bot .diwen img {
          width: 90%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.web_three {
  -webkit-transform: scale(0);
  transform: scale(0);
  display: none;
  transform: scale(0);
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/two_jian.png) no-repeat 50% 50%/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 51; }
  .web_three .cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    .web_three .cont .zi {
      width: 12rem;
      height: 4.05rem;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-top: 2.075rem; }
      .web_three .cont .zi img {
        height: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .bottle {
      width: 35%;
      height: 8.375rem;
      position: absolute;
      top: 47%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      float: left;
      z-index: 10; }
      .web_three .cont .bottle img {
        height: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .bottle_two {
      width: 35%;
      height: 8.375rem;
      position: absolute;
      top: 47%;
      left: 38%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      float: left;
      z-index: 5; }
      .web_three .cont .bottle_two img {
        height: 85%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .bottle_3 {
      width: 35%;
      height: 8.375rem;
      position: absolute;
      top: 47%;
      left: 29%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      float: left;
      z-index: 4; }
      .web_three .cont .bottle_3 img {
        height: 75%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .bottle_4 {
      width: 35%;
      height: 8.375rem;
      position: absolute;
      top: 47%;
      left: 62%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      float: left;
      z-index: 5; }
      .web_three .cont .bottle_4 img {
        height: 85%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .bottle_5 {
      width: 35%;
      height: 8.375rem;
      position: absolute;
      top: 47%;
      left: 72%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      float: left;
      z-index: 4; }
      .web_three .cont .bottle_5 img {
        height: 75%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .yhk {
      width: 5.65rem;
      height: 1.975rem;
      position: absolute;
      left: 47%;
      top: 65%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .web_three .cont .yhk img {
        height: 75%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_three .cont .bot {
      width: 9.95rem;
      height: 3.15rem;
      position: absolute;
      left: 50%;
      top: 80%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .web_three .cont .bot img {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web_three .cont .bot .diwen {
        width: 7.2rem;
        height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .web_three .cont .bot .diwen img {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.web_four {
  -webkit-transform: scale(0);
  transform: scale(0);
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/beijing.png) no-repeat 50% 50%/cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 51; }
  .web_four .cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    .web_four .cont .zi {
      width: 12rem;
      height: 2.5rem;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-top: 1.75rem; }
      .web_four .cont .zi img {
        width: 70%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_four .cont .xone {
      width: 88%;
      height: 1.5rem;
      margin: 0 auto;
      padding-bottom: 1.075rem; }
      .web_four .cont .xone span {
        font-size: 0.85rem;
        line-height: 1.5rem;
        color: #ffffff; }
      .web_four .cont .xone input {
        width: 80%;
        height: 1.375rem;
        margin: 0 auto;
        border-radius: 5px;
        border: 1px;
        font-size: 0.625rem;
        padding-left: 0.25rem;
        margin-left: 0.525rem;
        color: palevioletred; }
    .web_four .cont .xone:last-of-type {
      width: 88%;
      height: 3.7rem;
      margin: 0 auto;
      padding-bottom: 1.075rem;
      position: relative;
      overflow: hidden; }
      .web_four .cont .xone:last-of-type p {
        display: inline-block;
        font-size: 0.85rem;
        color: #ffffff;
        position: relative;
        top: 0;
        float: left; }
      .web_four .cont .xone:last-of-type textarea {
        float: left;
        width: 80%;
        height: 3.7rem;
        margin: 0 auto;
        border-radius: 5px;
        border: 1px;
        font-size: 0.7rem;
        padding-left: 0.25rem;
        margin-left: 0.525rem;
        resize: none;
        color: palevioletred; }
    .web_four .cont .bot {
      width: 9.95rem;
      height: 3.15rem;
      position: absolute;
      left: 50%;
      bottom: 1rem;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .web_four .cont .bot img {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web_four .cont .bot .diwen {
        width: 5.75rem;
        height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .web_four .cont .bot .diwen img {
          width: 90%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.web_five {
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/fenx.png) no-repeat 50% 50%/cover;
  z-index: 52;
  position: absolute;
  top: 0;
  left: 0; }
  .web_five .cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
    .web_five .cont .zho {
      width: 70%;
      height: 70%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .web_five .cont .zho img {
        height: 70%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .web_five .cont .dier {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.9);
      z-index: 55px; }
      .web_five .cont .dier img {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.web_six {
  -webkit-transform: scale(0);
  transform: scale(0);
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/fenx_2.png) no-repeat 10% 10%/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 51; }
  .web_six .cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    .web_six .cont .zi {
      width: 95%;
      height: 4.05rem;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-top: 2.075rem; }
      .web_six .cont .zi img {
        height: 60%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_six .cont .yhk {
      width: 5.65rem;
      height: 1.975rem;
      position: absolute;
      left: 47%;
      top: 65%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .web_six .cont .yhk img {
        height: 75%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto; }
    .web_six .cont .bot {
      width: 9.95rem;
      height: 3.15rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .web_six .cont .bot img {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web_six .cont .bot .diwen {
        width: 5.75rem;
        height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .web_six .cont .bot .diwen img {
          width: 90%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .web_six .cont .bot_1 {
      width: 9.95rem;
      height: 3.15rem;
      position: absolute;
      left: 50%;
      top: 66%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .web_six .cont .bot_1 img {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web_six .cont .bot_1 .diwen {
        width: 7rem;
        height: 2rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .web_six .cont .bot_1 .diwen img {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
